<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/4/22
  Time: 20:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en" >

<head>
    <meta charset="UTF-8">
    <title>宏羽博客 | 登录注册</title>
    <link rel="shortcut icon" type="images/x-icon" href="../../resource/index/images/hong.jpg">
    <!--图标样式-->
    <link rel='stylesheet' href='../../resource/login/css/all.min.css'>

    <link rel="stylesheet" href="../../resource/login/css/style.css">

<script src="../js/jquery.min.js"></script>
    <script>
        var countdown=30;
        function send(obj) {
            if (countdown == 0) {
                obj.removeAttribute("disabled");
                obj.value="获取邮箱验证码";
                countdown = 60;
                return;
            } else {
                obj.setAttribute("disabled", true);
                obj.value="重新发送(" + countdown + "s)";
                countdown--;
            }
            setTimeout(function() {
                    send(obj) }
                ,1000);
        }
        function evc(obj) {
            send(obj);
            var em = $("input[type='email']").val();
          $.post("${pageContext.request.contextPath}/login?method=emailVc",{email:em},function (data) {
              alert(data);
          },"text");


        }
    </script>
</head>

<body>

<h2>宏羽博客</h2>
<div class="container" id="container">
    <div class="form-container sign-up-container">
        <form action="#" method="post">
            <h1>注册</h1>
            <%--            <span>第三方账号注册</span>--%>
            <%--<div class="social-container">
                <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
                <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
                <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
            </div>--%>

            <input type="text" name="username" placeholder="用户名" />
            <input type="password" name="password" placeholder="密码" />
            <input type="email" name="email"  placeholder="邮箱"/>
            <input type="button" name="emailVc" id="btn" value="获取邮箱验证码" onclick="evc(this);">
            <input type="text" name="emailVc" placeholder="邮箱验证码" />
            <button>注册</button>
        </form>
    </div>
    <div class="form-container sign-in-container">
        <form action="#">
            <h1>登录</h1>
            <div class="social-container">
                <a href="#" class="social"><i class="fab fa-qq"></i></a>
                <a href="#" class="social"><i class="fab fa-weixin"></i></a>
                <a href="#" class="social"><i class="fab fa-github"></i></a>
            </div>
            <span>第三方账号登录</span>
            <input type="text" name="username" placeholder="用户名" />
            <input type="password" name="password" placeholder="密码" />
            <a href="#" style="margin-bottom: 5px">忘记密码？</a>
            <a href="../../index.jsp" style="margin-top: 5px">进入博客主页</a>
            <button>登录</button>
        </form>
    </div>
    <div class="overlay-container">
        <div class="overlay">
            <div class="overlay-panel overlay-left">
                <h1>欢迎回来！</h1>
                <p>请您先登录的个人信息，进行操作。</p>
                <button class="ghost" id="signIn">登录</button>
            </div>
            <div class="overlay-panel overlay-right">
                <h1>你好朋友！</h1>
                <p>输入您的个人信息注册成为会员。</p>
                <button class="ghost" id="signUp">注册</button>
            </div>
        </div>
    </div>
</div>

<footer>
    <p>
        版权声明 Copyright © 传智专修学院18级Java78班项目6组
    </p>
</footer>



<script  src="${pageContext.request.contextPath}/resource/login/js/index.js"></script>




</body>

</html>
